<template>
  <div class="blue">
    <p>人名:{{name}}</p>
    <p>性别:{{sex}}</p>
    <button @click="sendStudentName">点我向App发送学生名字</button>
    <button @click="unBind">解绑事件 几个</button>
    <button @click="death">销毁当前组件实列</button>
  </div>
</template>

<script>
export default {
  name:"School",
  data(){
    return {
        name:"小名",
        sex:"男"
    }
  },
    methods:{
  sendStudentName(){
    //触发student组件实例上的atm事件
    this.$emit("atm",this.name,"666",777,"xiaobai")
    this.$emit("m1")
    },
    unBind(){
      //一个
      this.$off("atm")
      //多个
      // this.$off(["atm","m1"])
      //所有
      // this.$off()
    },
    death(){
      //销毁之后当前组件的自定义事件都没了 
      //如果把最大的vm 也销毁了 那么 其他小的 子组件 自定义事件也会没有 但是 原生dom事件还在
      this.$destroy()
    }
  },
}
</script>

<style scoped> 
.blue{
  background: blue;
}
</style>